<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>消息通知界面</title>
    <link rel="stylesheet" href="../plugins/layui/layui-v2.5.6/layui/css/layui.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/buycar.css">
    <link rel="stylesheet" href="../css/class.css">
    <link rel="stylesheet" href="../css/foot.css">
    <style>
    .write-body{
        width: 80%;
        height: 700px;
        border: 1px solid #efefef;
        margin: auto;
        margin-top: 50px;
    }
        
    .body-title{
        width: 100%;
        height: 70px;
        text-align: center;
    }
    .saleplayer{
        width: 100%;
        height: 110px;
       
    }
    .sale{
        height: 80px;
        width: 80px;
        margin-top: 10px;
    }
    .body-p{
        height: 350px;
        width: 100%;
       
    }
    .bp-1{
        height: 90px;
        width: 90px;
        margin-left: 40px;
    }
    .text-p{
        text-align: center;
        margin-top: 10px;
    }

    </style>
</head>
<body>
    <div id="buycar-outer">
        
        <script src="../plugins/layui/layui-v2.5.6/layui/layui.js"></script>
        <script src="../js/grade.js"></script>
        <script src="../js/offies.js"></script>
        <script>
          layui.use(['form', 'element'], function(){
         var element = layui.element; 
        var form=layui.form;
     //监听导航点击
     element.on('nav(demo)', function(elem){
     //console.log(elem)
     layer.msg(elem.text());
     form.on('select(phone_type)', function(data){
        // console.log(data.elem.checked); //是否被选中，true或者false
        console.log(data.value); //复选框value值，也可以通过data.elem.value得到
    });
     });
    });

    layui.use('upload', function(){
  var $ = layui.jquery
  ,upload = layui.upload;

  upload.render({
    elem: '#test2'
    ,url: 'https://httpbin.org/post' //改成您自己的上传接口
    ,multiple: true
    ,before: function(obj){
      //预读本地文件示例，不支持ie8
      obj.preview(function(index, file, result){
        $('#demo2').append('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img">')
      });
    }
    ,done: function(res){
      //上传完毕
    }
  });
});
        </script>
           
           <div class="nav">
            <div style="padding-left: 80px;">
            <i class="layui-icon layui-icon-home" style="font-size: 20px; color: gray;"></i> 
           <a href="../index.jsp">店铺首页</a>
            <i class="layui-icon layui-icon-location" style="font-size: 20px; color: gray;"></i>
            安徽
            <div class="nav2">
                <span class="layui-breadcrumb" lay-separator="|" style="padding-left: 90px;">
                    <a href="login.jsp">登录</a>
                    <a href="..view/register.html">注册</a>
                    <a href="self-center.jsp">个人中心</a>
                    <a href="order.jsp" style="padding-left:20px ;">我的订单</a>
                    <a href="collect.jsp" style="padding-left:20px ;">我的生鲜</a>
                    
                    <a href="seckile.jsp" style="padding-left:20px ;">限时秒杀</a>
                    <a href="..view/forum.html"style="padding-left:20px ;">好物推荐</a>
                   
                  </span>              
            </div>
            </div>
        </div>
        

     

        <div class="product-class-mid">

            <div class="buycar-rearch">
                <div class="nav-logo">
                    <div class="search">
                        <div class="layui-container">
                            <!-- 定义行 -->
                            <div class="layui-row">

                                <div class="layui-col-md3">
                            <img src="../img/logo.png" style="height: 90px; margin-top: 30px;">
                        </div>
            
                        <div class="layui-col-md7" style="margin-top: 50px; text-align: center;">
                            <span id="parent">
                                <span class="c1"></span>
                                <span>
                                    <input type="text" id="search02" style="margin-left: 100px;">
                                </span>
                                <span style="position: relative;">
                                    <a href="product-class.jsp"><button class="b1">搜索</button></a>
                                    
                                   
                                </span> 
                                
                            </span> 

                            <span class="layui-breadcrumb" lay-separator="|" style="padding-left: 90px;">
                                
                                <a href="product-class.jsp" style="margin-left: 50px ;">柚子</a>
                                <a href="product-class.jsp" style=" ;">柠檬</a>
                                <a href="product-class.jsp" style=" ;">橙子</a>
                                <a href="product-class.jsp" style=" ;">车厘子</a>
                                <a href="product-class.jsp" style=";">海鲜</a>
                                <a href="product-class.jsp" style=" ;">西瓜</a>
                                <a href="product-class.jsp" style=" ;">奇异果</a>
                                <a href="product-class.jsp" style=" ;">蓝莓</a>
                                
                              </span>              
                        </div>

                        <div class="layui-col-md1"  style="margin-top: 50px;">
                            <a href="buycar.jsp" class="layui-btn layui-btn-primary" style="margin-left: 100px;">我的购物车</a>
                        </div>
                            </div>
                        </div>
                    </div>             
                </div> 
            </div>
            <!-- <hr class="layui-bg-gray"> -->

            <div class="write-body ">
                <div class="body-title">
                    <div class="b-name">
                    <span id="fc1" style=" font-size: 15px; font-family: '宋体' serif; color:red;">评价订单</span>
                    </div>
                    <div class="b-number" style="margin-top: 10px;">
                        <tr>订单号：118107432338</tr>

                        <tr>2020-06-10 10:43:59</tr>
                    </div>
                </div>
                <hr class="layui-bg-gray">

                <div class="saleplayer">

                    <div class="layui-container">
                        <div class="layui-row">
                            <div class="layui-col-md1">
                                <img class="sale" src="../img/lin.png">
                            </div>
                            <div class="layui-col-md2" style="margin-top: 20px;">
                                <div><span id="fc1" style=" font-size: 15px; font-family: '宋体' serif; color:black;">柠檬旗舰店</span></div>
                                <div>
                                    <a style="color: gray;">综合</a>
                                    <a style="color: gray;">商品</a>
                                    <a style="color: gray;">服务</a>
                                    <a style="color: gray;">物流</a>
                               </div>
                               <div>
                                <a style="color: gray;">4.90</a>
                                <a style="color: gray;">9.15</a>
                                <a style="color: gray;">9.20</a>
                                <a style="color: gray;">9.99</a>
                           </div>
                            </div>
                            <div class="layui-col-md2">
                                <p style="margin-top: 20px;">服务态度</p>
                                <div id="test2"></div>
                            </div>
                            <div class="layui-col-md2">
                                <p style="margin-top: 20px;">配送速度</p>
                                <div id="test3"></div>
                            </div>
                            <div class="layui-col-md2">
                                <p style="margin-top: 20px;">快递包装</p>
                                <div id="test4"></div>
                            </div>
                            <div class="layui-col-md2">
                                <p style="margin-top: 20px;">商品符合度</p>
                                <div id="test5"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <hr class="layui-bg-gray">

                
                <div class="body-p">
                    <div class="layui-container">
                        <div class="layui-row">
                            <div class="layui-col-md2" style="margin-top: 20px;">
                                <img class="bp-1" src="../img/11.jpg">
                                <div class="text-p">
                                    <p style="color: gray;">终生都没能摆脱“硬汉派推理小说家”标签的雷蒙德·钱德勒，1959年因酗酒和肺炎死于美国加州某诊所。在那之后，他的故事却好像一直没法结束</p>
                                </div>
                                <div class="text-p">
                                    <p style="color: gray;">￥59.0</p>
                                </div>
                                <div class="text-p">
                                    <p style="color: gray;">整箱批发</p>
                                </div>
                            </div>
                            <div class="layui-col-md2" style="margin-left: 90px;">
                                <div class="test02-p" style="margin-top:50px ;">
                                    <p>商品评分</p>
                                </div>
                                <div class="test02-p" style="margin-top:40px ;">
                                    <p>评价晒单</p>
                                </div>
                            </div>
                            <div class="layui-col-md5">
                            <div class="test-p02" style="margin-top: 40px;">
                                <div id="test6"></div>

                                <div class="layui-form-item layui-form-text">
                                    <div class="text-001" style="width: 400px; height: 100px; margin-top: 20px;">
                                      <textarea class="layui-textarea" placeholder="请输入内容"></textarea>
                                    </div>
                                  </div>

                                  <div class="layui-upload">
                                    <button class="layui-btn" id="test2" type="button">多图片上传</button> 
                                    <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                                      预览图：
                                      <div class="layui-upload-list" id="demo2"></div>
                                   </blockquote>
                                  </div>
                            </div>
                            </div>
                        </div>
                    </div>
                
                </div>

                <hr class="layui-bg-gray">
                <div class="over">
                    <div class="layui-container">
                        <div class="layui-row">
                            <div class="layui-col-md2" style="margin-top: 20px;">
                                <div class="btn" style="margin-left: 300px;">
                                    <div class="site-demo-button" id="layerDemo" >
                                        <button class="layui-btn layui-btn-normal" data-method="offset" data-type="auto">发表</button>
                                      </div>
                                </div>
                            </div>
                            <div class="layui-col-md4 layui-form" style="margin-top: 20px;">
                                <div class="btn" style="margin-left: 200px;">
                                    <input name="sex" title="匿名评价" type="radio" checked="" value="匿名评价">
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
                





            </div>
            

           

        </div>


        <div class="product" style="width: 100%; height: 12%; border: 1px solid black; margin-top: 100px;">
            <div class="bott">
                <div class="bott-f">
                    <div class="layui-row">
                        <div class="layui-col-md3">
                            <div style="font-size: 10px;">
                                <li><img src="../img/duo.png" alt="">品类齐全,轻松购物</li>
                            </div>
                        </div>
                        <div class="layui-col-md3">
                            <div style="font-size: 10px;">
                                <li><img src="../img/kuai.png" alt="">多仓直发,极速配送</li>
                            </div>
                        </div>
                        <div class="layui-col-md3">
                            <div style="font-size: 10px;">
                                <li><img src="../img/hao.png" alt="">正品行货,精致服务</li>
                            </div>
                        </div>
                        <div class="layui-col-md3">
                            <div style="font-size: 10px;">
                                <li><img src="../img/sheng.png" alt="">天天低价,畅选无忧</li>
                            </div>
                        </div>
                    </div>
        
                    <div class="layui-row" style="margin-top: 15px;">
                        <div class="layui-col-md3">
                            <div>
                                <dt>购物指南</dt>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">购物流程</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">会员介绍</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">常见问题</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">热销商品</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">联系客服</a>
                                </dd>
                            </div>
                        </div>
                        <div class="layui-col-md3">
                            <div>
                                <dt>配送方式</dt>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">上门自提</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">211限时达</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">配送服务查询</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">配送费收取标准</a>
                                </dd>
                                <dd>
                                    <a target="_blank" href="#">海外配送</a>
                                </dd>
                            </div>
                        </div>
                        <div class="layui-col-md3">
                            <div>
                                <dt>支付方式</dt>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">货到付款</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">在线支付</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">分期付款</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">公司转账</a>
                                </dd>
                            </div>
                        </div>
                        <div class="layui-col-md3">
                            <div>
                                <dt>售后服务</dt>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">售后政策</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">价格保护</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">退款说明</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">返修/退换货</a>
                                </dd>
                                <dd>
                                    <a rel="nofollow" target="_blank" href="#">取消订单</a>
                                </dd>
                            </div>
                        </div>
                    </div>
                </div>
    
        </div>
        </div>
        </div>











        </div>
</body>
</html>